<template>
  <div class="hello">
   <p>&lt;</p>
   <p>{{data}}</p>
   <p></p>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    data:{
      type:String
    }
    // data: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
     .hello{
       width: 100%;
       height: 60px;
       background: #f5f5f5;
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 0 20px;
     }
</style>
